<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>HTML基础标签演示</title>
</head>
<body>
    <!-- 内容分区元素 -->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <!-- #region 文本元素 -->
    <div>div是无格式容器</div>
    <p>
        P段落1
        P段落2
    </p>
    <pre>
        pre预先格式段落1
        pre预先格式段落2
        pre预先格式段落3

    </pre>
    <p>无序列表</p>
    <ul>
        <li>列表项1</li>
        <li>列表项2</li>
        <li>列表项5</li>
        <li>列表项4</li>   
    </ul>
    <p>有序列表</p>
    <ol>
        <li>列表项1</li>
        <li>列表项2</li>
        <li>列表项3</li>
        <li>列表项4</li>
    </ol>
    <p>定义列表</p>
    <dl>
        <dt>定义1</dt>
        <dd>定义1的描述</dd>
        <dt>定义2</dt>
        <dt>定义3</dt>
    </dl>
    <hr><!--分割线  -->
    <blockquote>
        长引用内容
        长引用内容
        长引用内容
    </blockquote>
    
    <!-- endregion -->
<!-- #region内敛文本元素 -->
    <span>无格式行级元素</span>
<br>换行<br>
<b>视觉加粗</b>
<br>
<strong>强调加粗</strong>
<br>
<i>视觉倾斜</i>
<br>
<em>强调倾斜</em>
<br>
<a href="#">链接当前页面</a>
<br>
<!-- 链接到外部地址 -->
<a href="https://www.baidu.com/" target="_blank">百度</a>
<br>
<a href="http://wu_yu_long.gitee.io/lo/"><i>返回首页</i></a>

<!-- #endregion -->
<!-- #region 图片元素 -->、
<br>
<!-- <img src="http://pic54.nipic.com/file/20141130/12106414_130100856349_2.jpg" alt="勿扰"> -->
<!--  -->
<a href="https://lol.qq.com/main.shtml"target="_blank"> <img src="https://p.ssl.qhimg.com/dmsmfl/120_75_/t016062ab5a57919f97.webp?size=167x60" alt="勿扰">
</a>
<!-- #endregion -->
<!-- #region -->
<br>  
<b>外部网站</b>
<br>
<iframe src="http:www.w3school.com.cn" frameborder="1"width="1200" height="1000" ></iframe>
<!-- #endregion -->
<br>
<br>
<br>
<br>
<br>
<br>
<br>


</body>

</html>